<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		
		<title>JsDoc Reference - jStyle</title>

		<style type="text/css">
			/* default.css */
body
{
	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	width: 800px;
}

.header
{
	clear: both;
	background-color: #ccc;
	padding: 8px;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0 .3em;
}

hr
{
	border: none 0;
	border-top: 1px solid #7F8FB1;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	margin-top: 24px;
	float: left;
	width: 160px;
	position: absolute;
	left: 8px;
	background-color: #F3F3F3;
	padding: 8px;
}

#content
{
	margin-left: 190px;
	width: 600px;
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #7F8FB1;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #7F8FB1 solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #7F8FB1 solid;
	border-right: 1px #7F8FB1 solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	border-left: 1px #7F8FB1 solid;
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #002EBE;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}

.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px; 
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	text-align: right;
	font-size: 10px;
}
		</style>
	</head>

	<body>
<!-- ============================== header ================================= -->	
		<!-- begin static/header.html -->
		<div id="header">
</div>
		<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->
		<div id="index">
			<!-- begin publish.classesIndex -->
			<div align="center"><a href="../index.html">Class Index</a>
| <a href="../files.html">File Index</a></div>
<hr />
<h2>Classes</h2>
<ul class="classList">
	
	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
	
	<li><a href="../symbols/jStyle.html">jStyle</a></li>
	
	<li><a href="../symbols/jStyle.basic_element_style.html">jStyle.basic_element_style</a></li>
	
	<li><a href="../symbols/jStyle.basic_style.html">jStyle.basic_style</a></li>
	
	<li><a href="../symbols/jStyle.basic_style_parameter.html">jStyle.basic_style_parameter</a></li>
	
	<li><a href="../symbols/jStyle.browser.html">jStyle.browser</a></li>
	
	<li><a href="../symbols/jStyle.console.html">jStyle.console</a></li>
	
	<li><a href="../symbols/jStyle.cssSelector.html">jStyle.cssSelector</a></li>
	
	<li><a href="../symbols/jStyle.styles.html">jStyle.styles</a></li>
	
	<li><a href="../symbols/jStyle.styles.alert.html">jStyle.styles.alert</a></li>
	
	<li><a href="../symbols/jStyle.styles.classes.html">jStyle.styles.classes</a></li>
	
	<li><a href="../symbols/jStyle.styles.classes.parameters.html">jStyle.styles.classes.parameters</a></li>
	
	<li><a href="../symbols/jStyle.styles.css.html">jStyle.styles.css</a></li>
	
	<li><a href="../symbols/jStyle.styles.effects.html">jStyle.styles.effects</a></li>
	
	<li><a href="../symbols/jStyle.styles.effects.parameters.html">jStyle.styles.effects.parameters</a></li>
	
	<li><a href="../symbols/jStyle.styles.event.html">jStyle.styles.event</a></li>
	
	<li><a href="../symbols/jStyle.styles.manipulate.html">jStyle.styles.manipulate</a></li>
	
	<li><a href="../symbols/jStyle.styles.manipulate.parameters.html">jStyle.styles.manipulate.parameters</a></li>
	
	<li><a href="../symbols/jStyle.styles.message.html">jStyle.styles.message</a></li>
	
	<li><a href="../symbols/jStyle.styles.render.html">jStyle.styles.render</a></li>
	
	<li><a href="../symbols/jStyle.styles.render.parameters.html">jStyle.styles.render.parameters</a></li>
	
	<li><a href="../symbols/jStyle.styles.render.parameters.dialog.html">jStyle.styles.render.parameters.dialog</a></li>
	
	<li><a href="../symbols/jStyle.styles.render.parameters.getvalue.html">jStyle.styles.render.parameters.getvalue</a></li>
	
	<li><a href="../symbols/jStyle.styles.render.parameters.validation.html">jStyle.styles.render.parameters.validation</a></li>
	
	<li><a href="../symbols/jStyle.styles.unbind.html">jStyle.styles.unbind</a></li>
	
	<li><a href="../symbols/jStyle.styles.validation.html">jStyle.styles.validation</a></li>
	
	<li><a href="../symbols/jStyle.styles.validation.parameters.html">jStyle.styles.validation.parameters</a></li>
	
	<li><a href="../symbols/Sizzle.html">Sizzle</a></li>
	
</ul>
<hr />
			<!-- end publish.classesIndex -->
		</div>
		
		<div id="content">
<!-- ============================== class title ============================ -->
			<h1 class="classTitle">
				
				Namespace jStyle
			</h1>

<!-- ============================== class summary ========================== -->			
			<p class="description">
				
			
				jStyle object
				
				
					<br /><i>Defined in: </i> &lt;D:\wamp\ibss\jstyle\js\jstyle\jstyle.src.js&gt;.
				
			</p>

<!-- ============================== constructor summary ==================== -->			
			
			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class jStyle.">
				<caption>Namespace Summary</caption>
				<thead>
					<tr>
						<th scope="col">Constructor Attributes</th>
						<th scope="col">Constructor Name and Description</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="attributes">&nbsp;</td>
						<td class="nameDescription" >
							<div class="fixedFont">
								<b><a href="../symbols/jStyle.html#constructor">jStyle</a></b>
							</div>
							<div class="description">jStyle object, the synonym is "cs$"</div>
						</td>
					</tr>
				</tbody>
			</table>
			

<!-- ============================== properties summary ===================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class jStyle.">
					<caption>Field Summary</caption>
					<thead>
						<tr>
							<th scope="col">Field Attributes</th>
							<th scope="col">Field Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								jStyle.<b><a href="../symbols/jStyle.html#.basePath">basePath</a></b>
								</div>
								<div class="description">jStyle js file's basePath ,not including the last "/"</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								jStyle.<b><a href="../symbols/jStyle.html#.debug">debug</a></b>
								</div>
								<div class="description">debug</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								jStyle.<b><a href="../symbols/jStyle.html#.version">version</a></b>
								</div>
								<div class="description">the jStyle version</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			

<!-- ============================== methods summary ======================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class jStyle.">
					<caption>Method Summary</caption>
					<thead>
						<tr>
							<th scope="col">Method Attributes</th>
							<th scope="col">Method Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.addEvent">addEvent</a></b>(element, event_name, handler)
								</div>
								<div class="description">Add event event_name to element ,the hanlder is the third argument</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.addStyle">addStyle</a></b>(style)
								</div>
								<div class="description">Add style to jStyle</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.ajax">ajax</a></b>(options)
								</div>
								<div class="description">ajax function</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.cancelEvent">cancelEvent</a></b>(event)
								</div>
								<div class="description">cancel An event</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.closureListener">closureListener</a></b>(func, thisObject)
								</div>
								<div class="description">apply the func function ,and make the second argument to func function's this argument</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.createElement">createElement</a></b>(jStyleId, tag_name)
								</div>
								<div class="description">Create Element by id jStyleId and tag name tag_nameIf the jStyleId element is exists, then return it</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.deleteElement">deleteElement</a></b>(jStyleId)
								</div>
								<div class="description">delete the jStyleId dom element</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.find">find</a></b>(selector, context)
								</div>
								<div class="description">Taking a selector and a context, finds a set of matching elements.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.getElementsByStyleName">getElementsByStyleName</a></b>(styleName)
								</div>
								<div class="description">Get the dom elements array by style name</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.getStyle">getStyle</a></b>(styleName)
								</div>
								<div class="description">get style by styleName</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.getUid">getUid</a></b>()
								</div>
								<div class="description">get an jStyle unique ID</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.importFile">importFile</a></b>(path, type, charset)
								</div>
								<div class="description">import js or css by ajax</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.loadLanguage">loadLanguage</a></b>(language_name)
								</div>
								<div class="description">load jStyle's languange  of language_name</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.loadTreeJStyle">loadTreeJStyle</a></b>(rootElement)
								</div>
								<div class="description">render jStyle from the root element dom tree.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.matches">matches</a></b>(selector, set)
								</div>
								<div class="description">Takes in a set of DOMElements, filters them against the specified selector, and returns the results.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.ready">ready</a></b>(fn)
								</div>
								<div class="description">fire events when dom tree is ready<br/>the whole code get from jQuery library</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.serialize">serialize</a></b>()
								</div>
								<div class="description">serialize all jStyle element , set their whole jstyle attribute string.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.t">t</a></b>(string_id)
								</div>
								<div class="description">translate function</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">jStyle.<b><a href="../symbols/jStyle.html#.unbind">unbind</a></b>(element, event_name, handler)
								</div>
								<div class="description">unbind event event_name to element ,the hanlder is the third argument</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			
<!-- ============================== events summary ======================== -->
			

<!-- ============================== constructor details ==================== -->		
			
			<div class="details"><a name="constructor"> </a>
				<div class="sectionTitle">
					Namespace Detail
				</div>
				
				<div class="fixedFont">
						<b>jStyle</b>
				</div>
				
				<div class="description">
					jStyle object, the synonym is "cs$"
					
				</div>
				
				
				
				
					
					
					
					
					
					
					

			</div>
			

<!-- ============================== field details ========================== -->		
			
				<div class="sectionTitle">
					Field Detail
				</div>
				
					<a name=".basePath"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>basePath</b>
					
					</div>
					<div class="description">
						jStyle js file's basePath ,not including the last "/"
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name=".debug"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{boolean}</span>
					<span class="light">jStyle.</span><b>debug</b>
					
					</div>
					<div class="description">
						debug
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name=".version"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>version</b>
					
					</div>
					<div class="description">
						the jStyle version
						
						
					</div>
					
					

						
						
						
						

					
				
			

<!-- ============================== method details ========================= -->		
			
				<div class="sectionTitle">
					Method Detail
				</div>
				
					<a name=".addEvent"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>addEvent</b>(element, event_name, handler)
					
					</div>
					<div class="description">
						Add event event_name to element ,the hanlder is the third argument
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/_global_.html#DOMElement">DOMElement</a>}</span> <b>element</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>event_name</b>
									
								</dt>
								<dd>the event name</dd>
							
								<dt>
									<span class="light fixedFont">{function}</span> <b>handler</b>
									
								</dt>
								<dd>then event's hanlder function</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".addStyle"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>addStyle</b>(style)
					
					</div>
					<div class="description">
						Add style to jStyle
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/jStyle.basic_style.html">jStyle.basic_style</a>|string}</span> <b>style</b>
									
								</dt>
								<dd>an jstyle definition</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".ajax"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{XMLHttpRequest|null}</span>
					<span class="light">jStyle.</span><b>ajax</b>(options)
					
					</div>
					<div class="description">
						ajax function
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{object}</span> <b>options</b>
									
								</dt>
								<dd>ajax options</dd>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>options.url</b>
									
								</dt>
								<dd>the url to request</dd>
							
								<dt>
									<span class="light fixedFont">{object | string}</span> <b>options.data</b>
									
								</dt>
								<dd>the data to post</dd>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>options.type</b>
									<i>Optional, Default: "GET"</i>
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{function}</span> <b>options.success</b>
									<i>Optional, Default: null</i>
								</dt>
								<dd>the hander do after the ajax request loaded</dd>
							
								<dt>
									<span class="light fixedFont">{boolean}</span> <b>options.async</b>
									<i>Optional, Default: "true"</i>
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{boolean}</span> <b>options.cache</b>
									<i>Optional, Default: "false"</i>
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{boolean}</span> <b>options.processData</b>
									<i>Optional, Default: "true"</i>
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>options.contentType</b>
									<i>Optional, Default: "application/x-www-form-urlencoded"</i>
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{XMLHttpRequest|null}</span> </dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".cancelEvent"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>cancelEvent</b>(event)
					
					</div>
					<div class="description">
						cancel An event
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{object}</span> <b>event</b>
									
								</dt>
								<dd>the event object need to  cancel</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".closureListener"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>closureListener</b>(func, thisObject)
					
					</div>
					<div class="description">
						apply the func function ,and make the second argument to func function's this argument
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{function}</span> <b>func</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/_global_.html#DOMElement">DOMElement</a>}</span> <b>thisObject</b>
									
								</dt>
								<dd>the object for func's "this" keyword</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".createElement"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{<a href="../symbols/_global_.html#DOMElement">DOMElement</a>}</span>
					<span class="light">jStyle.</span><b>createElement</b>(jStyleId, tag_name)
					
					</div>
					<div class="description">
						Create Element by id jStyleId and tag name tag_nameIf the jStyleId element is exists, then return it
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>jStyleId</b>
									
								</dt>
								<dd>the jstyle unique id</dd>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>tag_name</b>
									
								</dt>
								<dd>the dom element's tag name</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/_global_.html#DOMElement">DOMElement</a>}</span> the dom element</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".deleteElement"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{boolean}</span>
					<span class="light">jStyle.</span><b>deleteElement</b>(jStyleId)
					
					</div>
					<div class="description">
						delete the jStyleId dom element
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>jStyleId</b>
									
								</dt>
								<dd>the element's id</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{boolean}</span> </dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".find"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>find</b>(selector, context)
					
					</div>
					<div class="description">
						Taking a selector and a context, finds a set of matching elements. The return result from the method is an array of the DOM elements found.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>selector</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/_global_.html#DOMElement">DOMElement</a>}</span> <b>context</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd>[DOMElement]</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".getElementsByStyleName"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>getElementsByStyleName</b>(styleName)
					
					</div>
					<div class="description">
						Get the dom elements array by style name
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>styleName</b>
									
								</dt>
								<dd>the jstyle name</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd>[DOMElement]</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".getStyle"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{<a href="../symbols/jStyle.basic_style.html">jStyle.basic_style</a>}</span>
					<span class="light">jStyle.</span><b>getStyle</b>(styleName)
					
					</div>
					<div class="description">
						get style by styleName
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>styleName</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/jStyle.basic_style.html">jStyle.basic_style</a>}</span> </dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".getUid"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{string}</span>
					<span class="light">jStyle.</span><b>getUid</b>()
					
					</div>
					<div class="description">
						get an jStyle unique ID
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{string}</span> </dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".importFile"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>importFile</b>(path, type, charset)
					
					</div>
					<div class="description">
						import js or css by ajax
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>path</b>
									
								</dt>
								<dd>the file's url,based on jstyle js's path</dd>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>type</b>
									
								</dt>
								<dd>"js" or "css"</dd>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>charset</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".loadLanguage"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>loadLanguage</b>(language_name)
					
					</div>
					<div class="description">
						load jStyle's languange  of language_name
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<b>language_name</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".loadTreeJStyle"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>loadTreeJStyle</b>(rootElement)
					
					</div>
					<div class="description">
						render jStyle from the root element dom tree.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{DomElement}</span> <b>rootElement</b>
									
								</dt>
								<dd>the root element of jstyle tree on dom tree</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".matches"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{[<a href="../symbols/_global_.html#DOMElement">DOMElement</a>]}</span>
					<span class="light">jStyle.</span><b>matches</b>(selector, set)
					
					</div>
					<div class="description">
						Takes in a set of DOMElements, filters them against the specified selector, and returns the results. The selector can be a full selector (e.g. “div > span.foo”) and not just a fragment.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>selector</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{[<a href="../symbols/_global_.html#DOMElement">DOMElement</a>]}</span> <b>set</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{[<a href="../symbols/_global_.html#DOMElement">DOMElement</a>]}</span> </dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".ready"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>ready</b>(fn)
					
					</div>
					<div class="description">
						fire events when dom tree is ready<br/>the whole code get from jQuery library
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{function}</span> <b>fn</b>
									
								</dt>
								<dd>the function to be fired  when dom tree is ready</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name=".serialize"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>serialize</b>()
					
					</div>
					<div class="description">
						serialize all jStyle element , set their whole jstyle attribute string.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name=".t"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					<span class="light">{string}</span>
					<span class="light">jStyle.</span><b>t</b>(string_id)
					
					</div>
					<div class="description">
						translate function
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>string_id</b>
									
								</dt>
								<dd>the string id to translate to speficed language</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{string}</span> </dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".unbind"> </a>
					<div class="fixedFont">&lt;static&gt; 
					
					
					<span class="light">jStyle.</span><b>unbind</b>(element, event_name, handler)
					
					</div>
					<div class="description">
						unbind event event_name to element ,the hanlder is the third argument
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/_global_.html#DOMElement">DOMElement</a>}</span> <b>element</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{string}</span> <b>event_name</b>
									
								</dt>
								<dd>the event name</dd>
							
								<dt>
									<span class="light fixedFont">{function}</span> <b>handler</b>
									
								</dt>
								<dd>then event's hanlder function</dd>
							
							</dl>
						
						
						
						
						
						
						

					
				
			
			
<!-- ============================== event details ========================= -->		
			
			
			<hr />
		</div>

		
<!-- ============================== footer ================================= -->
		<div class="fineprint" style="clear:both">
			&copy;Creativor Studio 2009<br />
			Documentation generated by <a href='http://www.jsdoctoolkit.org/' target='_blank'>JsDoc Toolkit</a> 2.3.0 on Sat Sep 12 2009 02:35:30 GMT+0800 (CST)
		</div>
	</body>
</html>
